﻿@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta charset="utf-8">
    <meta name="format-detection" content="telephone=no">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
    <link href="~/Content/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
    <link href="~/Content/bootstrap/css/base.css" rel="stylesheet" />
    <script src="~/Scripts/jquery-2.1.1.min.js"></script>
    <script src="~/Content/bootstrap/js/bootstrap.js"></script>
    <script src="~/Scripts/layer/layer.js"></script>
    <title>查询授权证书</title>
    <style type="text/css">
        body {
            font-family: arial, '宋体';
        }

        .container-fluid {
            margin: 0;
            padding: 0;
            text-align: center;
        }

        .btn_ok {
            background-color: #F3A433;
            border: none;
            color: white;
        }

        #update_pass {
            background-color: #F3A433;
            text-align: center;
            font-weight: bold;
            font-size: 20px;
            width: 100%;
            height: 60px;
            line-height: 60px;
        }

        #txt_password {
            margin-top: 15%;
        }

        .container-fluid {
            margin: 0;
            padding: 0;
        }
    </style>
    <script>

    </script>
</head>
<body>
    <div class="container-fluid">
        <div class="row-fluid">
            <div class="span12" id="update_pass">
                <span style="text-align:center;color:white;">授权证书查询</span>
            </div>
        </div>
    </div>
    <div class="container-fluid">
        <div class="row-fluid" style="margin-top:10px;">
            <div class="span12">
             <input type="text" placeholder="请输入授权编号/旺旺号" id="txt_codes" style="width: 65%; height: 35px;" />
                <input type="button" value="证书查询" onclick="Search();" style="background-color: #F3A433;color:white; height:35px; border:0px; margin-bottom:10px; border-radius:4px;" />

            </div>
        </div>
    </div>
    <div class="container-fluid">
        <div class="row-fluid">
            <div class="span12" id="sear_Img">
         
            </div>
        </div>
    </div>
    <div class="container-fluid">
        <div class="row-fluid">
            <div class="span12" style="text-align:center;">
                <span class="navbar navbar-fixed-bottom" style="color: #B2B2B2;">技术支持：上海诺标</span>
            </div>
        </div>
    </div>
    <style type="text/css">
      
    </style>
    <script>
        function Search() {
            var codes = $("#txt_codes").val();
            $("#sear_Img").html("");
            if (codes == "")
            {
                layer.msg("请输入授权编号或身份证号码!");
                return false;
            }
            layer.load(1);
            setTimeout(function () {
                $.ajax({
                    type: "Get",
                    url: "/Query/GetAuImg",
                    dataType: "json",
                    data: { "codes": codes },
                    success: function (data) {
                        layer.closeAll();
                        if (data.MessageCode == "0") {
                            if (data.model.sq_img == "") {
                                layer.msg("证书不存在!");

                            } else {
                                $("#sear_Img").html("<img src=\"" + data.model.sq_img + "\" />");

                            }
                        } else if (data.MessageCode == "100") {
                            layer.msg("证书不存在!");
                        } else {
                            layer.msg("查询错误！");
                        }
                    }
                });
            }, 2000)
          

        }
    </script>
</body>
</html>
